<demo>
支持 focus input change blur v-model 
</demo>
<template>
  <Input @focus="focus"></Input>
  <Input @input="input"></Input>
  <Input @change="change"></Input>
  <Input @blur="blur"></Input>
  <Input v-model="message"></Input>
  <span style="margin-left: 10px">{{message}}</span>
</template>

<script lang="ts">
import Input from "../../lib/Input.vue";
import { ref } from "vue";
export default {
  components: {
    Input,
  },
  setup() {
    const message = ref("Hello World");

    const change = (e) => {
      console.log(e, "--change");
    };

    const input = (e) => {
      console.log(e, "--input");
    };

    const focus = (e) => {
      console.log(e, "--focus");
    };

    const blur = (e) => {
      console.log(e, "--blur");
    };

    return {
      message,
      change,
      input,
      focus,
      blur,
    };
  },
};
</script>

<style>
</style>